<template>
<div>
    <el-table class="mt10" :data="tableData" size="large" style="width: 100%">
        <el-table-column prop="title" label="订单名称" width="180" />
        <el-table-column prop="no" label="订单编号" width="180" />
        <el-table-column prop="total_amount" label="订单金额" width="100" />
        <el-table-column prop="pay_date" label="支付时间" width="180" />
        
        <el-table-column prop="pay_status_text" label="订单状态" width="100" />
    </el-table>
</div>
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue';
import http from '../../util/request';

const form = ref<any>({search:'',type_id:0,page:0,pageSize:12,total:0})
const tableData = ref<any>([]);

const onGetData = () => {
    http.post('/user/order',form.value).then((response:any)=>{
        tableData.value = response.data.data
    })
}

onMounted(()=>{
    onGetData()
})
</script>
<style scoped lang="scss">
</style>
  